<div id="boxes">
    <!-- #customize your modal window here -->
    <div id="salvando" class="window loading">
      <div class="msg-contato">
        <img src="/app/resources/site/images/ajax-loader.gif">
        <p>Aguarde salvando dados!</p>
      </div>
    </div>
    <div id="msgOK" class="window loading">
      <div class="msg-contato"><br/>
        <p>Alteração efetuada com sucesso!</p><br/>
        <input type="button" value="Fechar" class="close"/>
      </div>
    </div>
    <!-- Do not remove div#mask, because you'll need it to fill the whole screen --> 
    <div id="mask"></div>
</div>

<h1>Meus Convites</h1>
<p>Enquanto o Rangaki ainda é beta poucas pessoas podem utilizá-lo. Você é um desses sortudos! Mas pensamos que dividir com os amigos seria ainda melhor.
  Por isso, disponibilizamos três convites para que você possa distribuir a seus amigos e trazê-los também para a comunidade Rangaki!</p>
<p>Lembre-se, são apenas três convites, portanto, escolha com cautela.</p>
{{#convites}}
<form>
  <p class="convite">
    <b>Convite {{numero}}:</b><br/>
    Nome:<br/>
    <input type="text" name="nome" size="40" {{#id}}readonly="readonly" {{/id}} required="required" value="{{nome}}"/><br/>
    E-mail:<br/>
    <input type="email" name="email" size="40" {{#id}}readonly="readonly" {{/id}} required="required" value="{{email}}"/>
    {{^id}}
    <input type="submit" class="botao-laranja" value="Convidar"/>
    {{/id}}
  </p>
</form>
{{/convites}}

<script type="text/javascript" src="/app/resources/cliente/js/convite.js"></script>
